import React, { Component } from 'react'

export default class App extends Component {
  state = {
    num: 100
  }
  // 控制渲染
  shouldComponentUpdate(nextProps, nextState) {
    // 更新后的state
    console.log(nextState)
    // 返回值为true则为渲染页面  false不渲染
    // 偶数渲染 奇数不渲染
    if (nextState.num % 2 === 0) {
      return true
    } else {
      return false
    }
  }
  render() {
    return (
      <div>
        <button onClick={() => this.setState({ num: this.state.num + 1 })}>
          {this.state.num}
        </button>
      </div>
    )
  }
}
